<div class="box gradient span4">
    <div class="title">
        <div class="row-fluid">
            <div class="span6">
                <h4>
                    <span>Ez meg az</span>
                </h4>
            </div>
            <!-- End .span6 -->
            <div class="span6 to_hide right_offset">
                <div class="btn-toolbar">
                    <div class="options_arrow pull-right">
                    </div>
                </div>
            </div>
            <!-- End .span6 -->
        </div>
        <!-- End .row-fluid -->
    </div>
    <!-- End .title -->
    <div class="content">


        <div
            id="placeholder3"
            style="width: 100%; height: 200px;"></div>

        <?php
        registerScriptFile(baseUrl() . '/js/jquery.flot.js');
        registerScriptFile(baseUrl() . '/js/jquery.flot.stack.js');
        ?>


        <script id="source">

        $(function () {
            var d1 = [];
            for (var i = 0; i < 14; i += 0.5)
                d1.push([i, Math.sin(i)]);

            var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

            var d3 = [];
            for (var i = 0; i < 14; i += 0.5)
                d3.push([i, Math.cos(i)]);

            var d4 = [];
            for (var i = 0; i < 14; i += 0.1)
                d4.push([i, Math.sqrt(i * 10)]);

            var d5 = [];
            for (var i = 0; i < 14; i += 0.5)
                d5.push([i, Math.sqrt(i)]);

            var d6 = [];
            for (var i = 0; i < 14; i += 0.5 + Math.random())
                d6.push([i, Math.sqrt(2*i + Math.sin(i) + 5)]);

            $.plot($("#placeholder3"), [
                {
                    data: d1,
                    lines: { show: true, fill: true }
                },
                {
                    data: d2,
                    bars: { show: true }
                },
                {
                    data: d3,
                    points: { show: true }
                },
                {
                    data: d4,
                    lines: { show: true }
                },
                {
                    data: d5,
                    lines: { show: true },
                    points: { show: true }
                },
                {
                    data: d6,
                    lines: { show: true, steps: true }
                }
            ]);
        });
            </script>


    </div>
</div>
